<template>
  <div class="outer">
   <h1>Header组件</h1>
   <Nav></Nav>
  </div>
</template>

<script>
import Nav from '@/components/Nav';
export default {
name:"Header组件",
components:{
    Nav,
}
}

</script>

<style scoped>
.outer{
    width: 300px;
    height: 300px;
    background: yellowgreen;
}
.outer>>>p {
    color: red;
}
</style>